include mixin.jade
doctype html
html 
	+head
	body
		//- 导航栏
		header.navbar.navbar-inverse
			.container
				.navbar-header
					a.navbar-brand(href='') 个人股讯网
				nav.collapse.navbar-collapse
					ul.nav.navbar-nav
						li: a(href='#dashi') 大势
						li: a(href='#gegu') 个股
						li: a(href='#yaowen') 要闻
					ul.nav.navbar-nav.navbar-right
						li: a(href='#') 关于
		// 内容开始
		.container
			//大势
			#dashi.thumbnail 	
				h2 大势
				.row
					+thumImg("沪深")
					+thumImg("亚太") 
					+thumImg("美国")
			hr
			//个股 
			#gegu.thumbnail
				//自选股
				.row
					.btn-toolbar(role='toolbar', style='margin-left: 16px;') 
						.btn-group.btn-primary
							for item in ['汇丰控股', '鞍钢股份', '中国铝业', '中国电信', '中国移动', '中国联通', '添加自选股']
								button.btn(type='button')=item
				//个股导航			
				.row
					.col-md-6
						.btn-toolbar(role='toolbar')
							.btn-group
								- navbarZiliao = ['公司资料','新闻资讯','公司公告','财务指标','分红派息','窝轮','权益变动',]
								for item in navbarZiliao
									button.btn.btn-default(type='button')=item
						//个股表格
						+geguTable
					.col-md-6
						img(src='img/FT100.gif')
			hr
			#yaowen.thumbnail
				// 要闻
				#yaowenNav
					ul#myTab.nav.nav-tabs
						li.active
							a(href='#tab1', data-toggle='tab') 个股新闻
						li
							a(href='#tab2', data-toggle='tab') 行业要闻
						li
							a(href='#tab3', data-toggle='tab') 股票资讯
					#myTabContent.tab-content
						#tab1.tab-pane.fade.active.in
							-for (var x=0;x<10 ;x++)
								+content
						#tab2.tab-pane.fade
							-for (var x=0;x<10 ;x++)
								+content2
						#tab3.tab-pane.fade
							-for (var x=0;x<10 ;x++)
								+content3
				
		footer.footer(style='color: #999; text-align: center; padding: 30px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5;')
			p Powered By 湖南科技大学srip项目团队 邮箱：hi@hi-hi.cn
			p: a(href='http://www.miibeian.gov.cn/', target='_blank')
					| Copyright©2011 湖南科技大学 湘ICP备123456677号
  
